<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表+表单+新元素</title>
	</head>
	<body>
		<h1>列表元素:集合 一组相同数据</h1>
		<ul>
			<li>哪吒</li>
			<li>白雪公主</li>
			<li>熊出没</li>
		</ul>
		<ol>
			<li>大头儿子</li>
			<li>邋遢大王</li>
			<li>喜羊羊</li>
		</ol>
		<dl>
			<dt><img src="img/猫咪gif.gif" alt=""></dt>
			<dd>这是猫</dd>
		</dl>
		<h1>表单元素</h1>
		<form>
		账号：<input type="text">
		密码：<input type="password">
		<button>按钮</button>
		<input type="submit" />
		<input type="reset" />
		男 <input type="radio" name="sex">
		女 <input type="radio" name="sex">
		肉 <input type="checkbox">
		菜 <input type="checkbox">
		汤 <input type="checkbox">
		</form>
		<h1>新元素</h1>
		lorem<mark>lorems</mark>
		<meter value="60" max="100" min="1"></meter>
		<details>
			<summary>默认显示效果</summary>
			<div>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iste, corrupti aliquam. Quidem dolorum saepe quae eos, beatae vitae ipsum mollitia quaerat? Error atque culpa ex quibusdam delectus commodi quod deserunt? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quibusdam voluptas aut, iste expedita hic quod eligendi voluptatem, totam voluptatum neque ad corporis itaque assumenda! Veniam alias eius molestias quia cumque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla quisquam a fugiat in, sint molestiae earum suscipit, nesciunt veniam quis repellat ex sunt magni illo voluptatem odit totam facere accusantium!</div>
		</details>
	</body>
</html>